.employeeStatistics {
  width: 100%;
  border-radius: 20rpx;
  margin-top: 32rpx;
  background-color: #fff;

  .item {
    width: 100%;
    height: 140rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 2rpx solid rgba($color: $primary-text-color, $alpha: 0.1);

    .basic-box {
      margin-bottom: 16rpx;
    }

    .matching-degree {
      display: flex;
      box-sizing: border-box;
      padding: 0 32rpx;
      align-items: center;
      width: 100%;
      position: relative;

      .matching {
        margin-right: 32rpx;
        color: rgba($color: $primary-text-color, $alpha: 0.2);
      }

      .matching-percent {
        color: $primary-color;
        margin-right: 32rpx;
        font-weight: 500;
      }

      .progress-box {
        flex: 1;
        position: relative;
        .progress {
          height: 20rpx;
          border-radius: 10rpx;
          
        }
  
        .inner-layer {
          width: 100%;
          background-color: #FFC02D;
        }
  
        .outer-layer {
          position: absolute;
          z-index: 99;
          top: 0;
          background-color: $primary-color;
        }
      }
      
    }
  }

  .disabled {
    color: rgba($color: $primary-text-color, $alpha: 0.1);
  }
}